Skip to main content (Press Enter).
This is the current news about
360 degree hinge laptop|360 touch screen laptop
360 degree hinge laptop|360 touch screen laptop
360 degree hinge laptop|360 touch screen laptop
Browse the Catterick racecards to find those runners that everyone else has missed. Access Timeform data and race predictor to finalise your picks. Read more. . Draw Advantage: Low numbers have an advantage in races over five and seven furlongs, high best over six furlongs.
360 degree hinge laptop|360 touch screen laptop
A
lock (
lock
)
or
360 degree hinge laptop|360 touch screen laptop
<div class="inner"> <ul class="social-nav"> <li class="social-item"> <a href="/blog/wenfamjp-201/" target="_blank" rel="noopener noreferrer" title="Twitter"> <span class="social-icon fa fa-twitter social-link-4"></span> </a> </li> <li class="social-item"> <a href="/android/ekcujwrs-110/" target="_blank" rel="noopener noreferrer" title="Facebook"> <span class="social-icon fa fa-facebook social-link-1"></span> </a> </li> <li class="social-item"> <a href="/ios/dtermcoo-233/" target="_blank" rel="noopener noreferrer" title="Instagram"> <span class="social-icon fa fa-instagram social-link-3"></span> </a> </li> <li class="social-item"> <a href="/ios/iwvuyviu-32/" target="_blank" rel="noopener noreferrer" title="LinkedIn"> <span class="social-icon fa fa-linkedin social-link-50"></span> </a> </li> <li class="social-item"> <a href="/jili/snsdiztk-189/" target="_blank" rel="noopener noreferrer" title="YouTube"> <span class="social-icon fa fa-** social-link-2"></span> </a> </li> </ul> </div> </div> <div class="header-main-nav-wrapper"> <div class="header-inner"> <div id="nav-burger" class="hide-on-mobile-nav-open" aria-role="button" aria-label="toggle navigation"><span></span><span></span><span></span><span></span></div> <a class="logo" href="/" target=""> <img src="/template/qiye/picture/DOD-Icon-Header.png" alt="Logo for " title=""> <span></span> </a> <nav class="main"> <ul> <li class="mobile-back"><a href="/ios/ptduzwfn-123/"><i class="fa fa-chevron-left"></i>Back</a></li> <li class="mobile-home"><a href="/android/xufjnrka-72/">Home</a></li> <li class="mobile-level1-placeholder"><a href="#">Place Holder</a></li> <li class="desktop-blank"></li> <li class="parent top-level "> <a href="/blog/vanvfiaq-55/" tabindex="0" aria-expanded="false">News<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="level2-container"> <ul class="level2"> <li class="parent"> <a href="/ph/jndmehum-34/" tabindex="0" aria-expanded="false"><span class="main">Press Products</span></a> <ul class="parent"> <li class=""> <a href="/android/mfgzsotq-223/" tabindex="0"><span class="main">Today in DOD</span></a> </li> <li class=""> <a href="/blog/lwbxnwki-281/" tabindex="0"><span class="main">Live Events</span></a> </li> <li class=""> <a href="/download/lylsbaen-256/" tabindex="0"><span class="main">Releases</span></a> </li> <li class=""> <a href="/android/jsqmnwzm-4/" tabindex="0"><span class="main">Advisories</span></a> </li> <li class=""> <a href="/news/qztillqu-111/" tabindex="0"><span class="main">Transcripts</span></a> </li> <li class=""> <a href="/bet/xhdnnogj-232/" tabindex="0"><span class="main">Speeches</span></a> </li> <li class=""> <a href="/ios/cydnjdvn-220/" tabindex="0"><span class="main">Publications</span></a> </li> <li class=""> <a href="/news/ejcedbli-272/" tabindex="0"><span class="main">Contracts</span></a> </li> </ul> </li> <li class="parent"> <a href="/news/cowfssox-85/" tabindex="0" aria-expanded="false"><span class="main">Newsroom</span></a> <ul class="parent"> <li class=""> <a href="/download/cdjclums-47/" tabindex="0"><span class="main">News Stories</span></a> </li> <li class=""> <a href="/android/ogwkgugn-284/" tabindex="0"><span class="main">Feature Stories</span></a> </li> <li class=""> <a href="/bet/uyfvcfwb-261/" tabindex="0"><span class="main">Stories from the Services</span></a> </li> </ul> </li> <li class="parent"> <a href="/download/sceezhrp-115/" aria-expanded="false"><span class="main">Multimedia</span></a> <ul class="parent"> <li class=""> <a href="/download/ccgksuqk-103/" tabindex="0"><span class="main">Photos</span></a> </li> <li class=""> <a href="/blog/mztoitdq-219/" tabindex="0"><span class="main">Videos</span></a> </li> <li class=""> <a href="/android/pqvzfwkx-193/" tabindex="0"><span class="main">Interactive Experiences</span></a> </li> </ul> </li> </ul> </div> </li> <li class="parent top-level "> <a href="/ios/iijvsfbb-54/" tabindex="0" aria-expanded="false">Spotlights<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="level2-container"> <ul class="level2"> <li class="parent"> <a href="/ph/zavlpixz-45/" aria-expanded="false"><span class="main">Trending Issues</span></a> <ul class="parent"> <li class=""> <a href="/jili/lvmtcvti-240/" tabindex="0"><span class="main">Taking Care of Our People</span></a> </li> <li class=""> <a href="/bet/onyvppui-198/" tabindex="0"><span class="main">NATO</span></a> </li> <li class=""> <a href="/android/jvkelvbk-234/" tabindex="0"><span class="main">Focus on the Indo-Pacific</span></a> </li> <li class=""> <a href="/ios/xknbwsrt-173/" tabindex="0"><span class="main">Support for Ukraine</span></a> </li> </ul> </li> <li class="parent"> <a href="/android/gpfyvxcz-91/" aria-expanded="false"><span class="main">Topics</span></a> <ul class="parent"> <li class=""> <a href="/ios/ukdklizg-50/" tabindex="0"><span class="main">Value of Service</span></a> </li> <li class=""> <a href="/download/ufqohvzv-142/" tabindex="0"><span class="main">Science & Technology</span></a> </li> <li class=""> <a href="/jili/swtdeqkk-188/" tabindex="0"><span class="main">Face of Defense</span></a> </li> <li class=""> <a href="/android/gdvymsvq-185/" tabindex="0"><span class="main">All Spotlights</span></a> </li> </ul> </li> </ul> </div> </li> <li class="parent top-level "> <a href="/bet/cwidyjmu-242/" tabindex="0" aria-expanded="false">About<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="level2-container"> <ul class="level2"> <li class="parent"> <a href="/blog/agswvhjg-121/" tabindex="0" aria-expanded="false"><span class="main">Leadership</span></a> <ul class="parent"> <li class=""> <a href="/bet/mdidduxj-117/" tabindex="0"><span class="main">Secretary of Defense</span></a> </li> <li class=""> <a href="/jili/pdpbtdzu-134/" tabindex="0"><span class="main">Deputy Secretary of Defense</span></a> </li> <li class=""> <a href="/ph/viwqnszj-293/" tabindex="0"><span class="main">Chairman of the Joint Chiefs of Staff</span></a> </li> <li class=""> <a href="/news/nxhogqoy-36/" tabindex="0"><span class="main">Vice Chairman of the Joint Chiefs of Staff</span></a> </li> <li class=""> <a href="/download/dbxkhwqu-54/" tabindex="0"><span class="main">Office of the Secretary of Defense</span></a> </li> <li class=""> <a href="/news/wpsfnglw-160/" tabindex="0"><span class="main">More Leaders</span></a> </li> </ul> </li> <li class="parent"> <a href="/blog/jfefoklq-113/" aria-expanded="false"><span class="main">Components</span></a> <ul class="parent"> <li class=""> <a href="/download/yeosxwnp-82/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Army</span></a> </li> <li class=""> <a href="/ios/jtbxmscp-85/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Marine Corps</span></a> </li> <li class=""> <a href="/blog/lkyuwpsc-245/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Navy</span></a> </li> <li class=""> <a href="/android/gsxzuwig-284/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Air Force</span></a> </li> <li class=""> <a href="/bet/mjrgeaur-149/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Space Force</span></a> </li> <li class=""> <a href="/ios/uellclik-260/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Coast Guard</span></a> </li> <li class=""> <a href="/download/gnzbunyf-258/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">National Guard</span></a> </li> <li class=""> <a href="/bet/owyjyoyr-191/" tabindex="0"><span class="main">Combatant Commands</span></a> </li> </ul> </li> </ul> </div> </li> </ul> <div class="nav-search-icon" tabindex="0"> <i class="fa fa-search"></i> </div> <div class="nav-search"> <label for="desktop-search" class="sr-only">Search</label> <input id="desktop-search" title="Search" aria-label="Search" type="search" autocomplete="off" maxlength="256" name="header-search" placeholder="Search..." value=""> <span class="search-icon" tabindex="0"><i class="fa fa-search" aria-label="Search"></i></span> <span class="close-icon" tabindex="0"><i class="desktop-search-close" aria-label="Search"></i></span> </div> <div class="level2-backdrop"> <div class="backdrop-image"></div> </div> </nav> </div> </div> <div id="mobile-overlay"></div> <div id="nav-drawer"> <div class="drawer-inner"> <div id="nav-burger" class="internal" aria-role="button" aria-label="toggle navigation"><span></span><span></span><span></span><span></span></div> <div class="search-wrap"> <label for="mobile-search" class="sr-only">Search</label> <input id="mobile-search" type="search" title="Search" id="search-main" placeholder="Search" maxlength="256" autocomplete="off" name="search-main"> <span id="search-main-icon"><i class="fa fa-search"></i></span> <a href="#" class="skin-search-go">Search</a> </div> <nav> <div class="primary"> <ul> <li class="mobile-back"><a href="#"><i class="fa fa-chevron-left"></i>Back</a></li> <li class="mobile-home"><a href="https://www.virtualzeroaudio.com">Home</a></li> <li class="mobile-level1-placeholder"><a href="#">Place Holder</a></li> <li class="desktop-blank"></li> <li class="parent top-level "> <a href="/bet/htmeqxug-93/" tabindex="0" aria-expanded="false">News<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="level2-container"> <ul class="level2"> <li class="parent"> <a href="/jili/lbxbkkot-52/" tabindex="0" aria-expanded="false"><span class="main">Press Products</span></a> <ul class="parent"> <li class=""> <a href="/ph/seqtabkg-144/" tabindex="0"><span class="main">Today in DOD</span></a> </li> <li class=""> <a href="/ios/vpgiizjc-275/" tabindex="0"><span class="main">Live Events</span></a> </li> <li class=""> <a href="/jili/prrdityo-140/" tabindex="0"><span class="main">Releases</span></a> </li> <li class=""> <a href="/ios/lrttnsfz-82/" tabindex="0"><span class="main">Advisories</span></a> </li> <li class=""> <a href="/bet/mjrgeaur-149/" tabindex="0"><span class="main">Transcripts</span></a> </li> <li class=""> <a href="/news/ypobakih-180/" tabindex="0"><span class="main">Speeches</span></a> </li> <li class=""> <a href="/android/dnipekxq-77/" tabindex="0"><span class="main">Publications</span></a> </li> <li class=""> <a href="/bet/jckxngkq-252/" tabindex="0"><span class="main">Contracts</span></a> </li> </ul> </li> <li class="parent"> <a href="/bet/rovzztsi-271/" tabindex="0" aria-expanded="false"><span class="main">Newsroom</span></a> <ul class="parent"> <li class=""> <a href="/jili/eiwdflwq-107/" tabindex="0"><span class="main">News Stories</span></a> </li> <li class=""> <a href="/ph/zxpfhanu-172/" tabindex="0"><span class="main">Feature Stories</span></a> </li> <li class=""> <a href="/news/ufsxjvam-2/" tabindex="0"><span class="main">Stories from the Services</span></a> </li> </ul> </li> <li class="parent"> <a href="/ph/twagbebo-292/" aria-expanded="false"><span class="main">Multimedia</span></a> <ul class="parent"> <li class=""> <a href="/ph/hvzkfuwp-49/" tabindex="0"><span class="main">Photos</span></a> </li> <li class=""> <a href="/ph/hxetyjxp-142/" tabindex="0"><span class="main">Videos</span></a> </li> <li class=""> <a href="/jili/rilxabvf-238/" tabindex="0"><span class="main">Interactive Experiences</span></a> </li> </ul> </li> </ul> </div> </li> <li class="parent top-level "> <a href="/ios/jrktbloy-296/" tabindex="0" aria-expanded="false">Spotlights<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="level2-container"> <ul class="level2"> <li class="parent"> <a href="/blog/opcqycsg-108/" aria-expanded="false"><span class="main">Trending Issues</span></a> <ul class="parent"> <li class=""> <a href="/bet/upsqyjht-138/" tabindex="0"><span class="main">Taking Care of Our People</span></a> </li> <li class=""> <a href="/blog/ymisqohr-250/" tabindex="0"><span class="main">NATO</span></a> </li> <li class=""> <a href="/news/pwhxiuaj-162/" tabindex="0"><span class="main">Focus on the Indo-Pacific</span></a> </li> <li class=""> <a href="/ios/yihowwmj-236/" tabindex="0"><span class="main">Support for Ukraine</span></a> </li> </ul> </li> <li class="parent"> <a href="/ph/musunqng-188/" aria-expanded="false"><span class="main">Topics</span></a> <ul class="parent"> <li class=""> <a href="/ph/vfiwewvc-99/" tabindex="0"><span class="main">Value of Service</span></a> </li> <li class=""> <a href="/news/zsuywqqt-251/" tabindex="0"><span class="main">Science & Technology</span></a> </li> <li class=""> <a href="/bet/hidciwca-144/" tabindex="0"><span class="main">Face of Defense</span></a> </li> <li class=""> <a href="/news/kcpiwyrs-131/" tabindex="0"><span class="main">All Spotlights</span></a> </li> </ul> </li> </ul> </div> </li> <li class="parent top-level "> <a href="/ios/qscjfjye-180/" tabindex="0" aria-expanded="false">About<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="level2-container"> <ul class="level2"> <li class="parent"> <a href="/blog/enzhstnx-225/" tabindex="0" aria-expanded="false"><span class="main">Leadership</span></a> <ul class="parent"> <li class=""> <a href="/ph/agswvhjg-299/" tabindex="0"><span class="main">Secretary of Defense</span></a> </li> <li class=""> <a href="/news/sukmmjxp-124/" tabindex="0"><span class="main">Deputy Secretary of Defense</span></a> </li> <li class=""> <a href="/news/edeedsnd-100/" tabindex="0"><span class="main">Chairman of the Joint Chiefs of Staff</span></a> </li> <li class=""> <a href="/ph/ikozblhr-276/" tabindex="0"><span class="main">Vice Chairman of the Joint Chiefs of Staff</span></a> </li> <li class=""> <a href="/bet/hhjzrdas-159/" tabindex="0"><span class="main">Office of the Secretary of Defense</span></a> </li> <li class=""> <a href="/download/xubvheof-32/" tabindex="0"><span class="main">More Leaders</span></a> </li> </ul> </li> <li class="parent"> <a href="/bet/axjhvqkq-113/" aria-expanded="false"><span class="main">Components</span></a> <ul class="parent"> <li class=""> <a href="/android/jftvjeoo-159/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Army</span></a> </li> <li class=""> <a href="/android/vedohdvk-123/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Marine Corps</span></a> </li> <li class=""> <a href="/ios/dolmnrzo-147/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Navy</span></a> </li> <li class=""> <a href="/android/pnromxxa-277/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Air Force</span></a> </li> <li class=""> <a href="/ph/qeubzlpd-27/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Space Force</span></a> </li> <li class=""> <a href="/ph/czsejwft-10/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Coast Guard</span></a> </li> <li class=""> <a href="/ph/mhsymvcg-109/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">National Guard</span></a> </li> <li class=""> <a href="/blog/gjgiwikp-17/" tabindex="0"><span class="main">Combatant Commands</span></a> </li> </ul> </li> </ul> </div> </li> </ul> <ul> <li class="parent top-level"> <a href="#" target="" tabindex="0" aria-expanded="false">Legal & Administrative<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="arrow-down"><i></i></div> <div class="level2-container"> <ul class="level2"> <ul class=""> <li class=""> <a href="/download/ukdklizg-78/"> <span class="text text-link-12">Privacy & Security</span> </a> </li> <li class=""> <a href="/download/enzhstnx-9/"> <span class="text text-link-17">Links Disclaimer</span> </a> </li> <li class=""> <a href="/download/fecbejsr-263/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-13">Section 508</span> </a> </li> <li class=""> <a href="/download/kmwmwahp-216/"> <span class="text text-link-52">DOD Social Media Policy</span> </a> </li> <li class=""> <a href="/download/omsoxeey-99/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-14">Web Policy</span> </a> </li> <li class=""> <a href="/download/panpcpdn-266/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-37">Plain Writing Act</span> </a> </li> <li class=""> <a href="/bet/fjwxqwql-131/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-38">DOD IG</span> </a> </li> <li class=""> <a href="/jili/jrdmhayh-53/ " target="_blank" rel="noopener noreferrer"> <span class="text text-link-39">Reporting Civilian Casualties</span> </a> </li> <li class=""> <a href="/ph/anzjswlb-281/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-40">No FEAR Act</span> </a> </li> <li class=""> <a href="/ios/tznnvqsn-258/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-41">Imagery Use</span> </a> </li> <li class=""> <a href="/ph/flqqzkmq-288/ " target="_blank" rel="noopener noreferrer"> <span class="text text-link-42">FOIA</span> </a> </li> <li class=""> <a href="/download/kxpwcoqv-253/ " target="_blank" rel="noopener noreferrer"> <span class="text text-link-43">Open GOV</span> </a> </li> <li class=""> <a href="/jili/xfxcemdw-286/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-44">Strategic Management Plan</span> </a> </li> <li class=""> <a href="/ios/izacssff-224/ " target="_blank" rel="noopener noreferrer"> <span class="text text-link-45">USA.gov</span> </a> </li> <li class=""> <a href="/android/plincccz-17/ " target="_blank" rel="noopener noreferrer"> <span class="text text-link-46">Small Business Act</span> </a> </li> <li class=""> <a href="/bet/jodhobkl-110/ "> <span class="text text-link-47">Site Map</span> </a> </li> </ul> </ul> </div> </li> </ul> </div> <div class="social"> <ul class="social-nav"> <li class="social-item"> <a href="/download/prfwjemr-19/" target="_blank" rel="noopener noreferrer" title="Twitter"> <span class="social-icon fa fa-twitter social-link-4"></span> </a> </li> <li class="social-item"> <a href="/bet/vdpbiohi-211/" target="_blank" rel="noopener noreferrer" title="Facebook"> <span class="social-icon fa fa-facebook social-link-1"></span> </a> </li> <li class="social-item"> <a href="/download/rskeqkll-263/" target="_blank" rel="noopener noreferrer" title="Instagram"> <span class="social-icon fa fa-instagram social-link-3"></span> </a> </li> <li class="social-item"> <a href="/bet/isbctvry-145/" target="_blank" rel="noopener noreferrer" title="LinkedIn"> <span class="social-icon fa fa-linkedin social-link-50"></span> </a> </li> <li class="social-item"> <a href="/download/vqwdynyw-252/" target="_blank" rel="noopener noreferrer" title="YouTube"> <span class="social-icon fa fa-** social-link-2"></span> </a> </li> </ul> </div> </nav> </div> </div> </header> <main> <p id="skip-target-holder"><a id="skip-target" name="skip-target" class="skip" tabindex="-1" aria-label="Skip Target"></a></p> <div id="dnn_ContentPaneFullBleed1"><div class="DnnModule DnnModule-ArticleCSViewArticle DnnModule-1990"><a name="1990"></a> <div class="empty-container base-container"> <div id="dnn_ctr1990_ContentPane"><!-- Start_Module_1990 --><style> @media (max-width: 768px) { .abanner.no-abanner-mobile header { padding: 130px 15px 0 !important; height: 350px; } } </style> <style> /* CHANGES FOR TEMPLATE */ .adetail .related { padding-bottom: 0px !important; } .abanner header { padding: calc(130px + 2rem) 0 1.5rem; } @media (max-width: 768px) .adetail.aframe .content .inside { padding: 15px 15px; } @media (max-width: 1200px) { .abanner header { padding: 120px 0 0px 0; }} /* HOT FIX */ @media (max-width: 768px) { .abanner.no-abanner-mobile header .maintitle { margin: 20px 10px; } .adetail .social-block span .addthis_button_facebook span.fa { font-size: 25px; } .adetail .social-block span .addthis_button_twitter span.fa { font-size: 26px; } body .more-addthis.overlay { width: 100%; } } .aframe .body .ntext { border: none; } .aframe .body .related.ntext { border: 1px solid #aebfd4; } </style><div id="dnn_ctr1990_ModuleContent" class="DNNModuleContent ModArticleCSViewArticleC"> <div id="dnn_ctr1990_ViewArticle_UpdatePanel1" class="article-view"> <!-- global:DGOV2-newsroom-story --> <div class="adetail abanner no-abanner-mobile aframe content-type-1" itemscope="" itemtype="/blog/nluuafti-201/" data-content-type="News"> <header class="content-wrap"> <h1 class="maintitle"> 360 degree hinge laptop|360 touch screen laptop </h1> <div class="date-line"> <span class="date"> 20250510 <span class="pipe">|</span> <span class="author-block"> By <a class="article-link" href="/blog/nvcgyxpn-3/"></a> </span> , DOD News </span> <span class="social-block"> <span class="pipe">|</span> <span class="a2a_kit a2a_kit_size_32" data-a2a-url="/news/xrffummz-176/"> <a class="a2a_button_facebook social-link" aria-label="Share to Facebook"> <span class="fa fa-facebook"></span> </a> <a class="a2a_button_twitter social-link" aria-label="Share to Twitter"> <span class="fa fa-twitter"></span> </a> </span> <div class="social-link social-link-more" tabindex="0" aria-haspopup="true"> <span class="fas fa-share"></span> <div class="more-share"> <div class="social-link-more-close">×</div> <div class="title">Share</div> <a class="social-link-link social-link" href="javascript:void(0)" rel="noreferrer noopener"> <div class="social-link-inner"> <span class="fa fa-link"></span> <b class="copy-link-text">Copy Link</b> </div> </a> <div class="a2a_kit a2a_kit_size_32" data-a2a-url="/ios/ykcrhqgg-189/"> <a class="a2a_button_email social-link"> <div class="social-link-inner"> <span class="fa fa-envelope"></span> Email </div> </a> <a class="a2a_button_facebook social-link"> <div class="social-link-inner"> <span class="fa fa-facebook"></span> Facebook </div> </a> <a class="a2a_button_twitter social-link"> <div class="social-link-inner"> <span class="fa fa-twitter"></span> Twitter </div> </a> <a class="a2a_button_linkedin social-link"> <div class="social-link-inner"> <span class="fa fa-linkedin"></span> LinkedIn </div> </a> <a class="a2a_button_whatsapp social-link"> <div class="social-link-inner last"> <span class="fa fa-whatsapp"></span> WhatsApp </div> </a> </div> </div> </div> <script type="text/javascript" defer="" src="/template/qiye/js/page.js"> </script> <script type="text/javascript"> var $social_link = $('.social-link-link'); var $social_link_more = $('.social-link-more'); $social_link.on('click keydown', handleCopyClick); function handleCopyClick(event) { if (event.type.toLowerCase() === "keydown" && event.key.toLowerCase() === "tab") { return; } copyToClipboard('/ios/gdfaasys-14/').then(function () { $social_link.find('.copy-link-text').text('Copied!'); $social_link.addClass('copied'); setTimeout(function () { $social_link.find('.copy-link-text').text('Copy Link'); $social_link.removeClass('copied'); }, 5000); }); $social_link_more.focus(); } function copyToClipboard(textToCopy) { // navigator clipboard api needs a secure context (https) if (navigator.clipboard && window.isSecureContext) { // navigator clipboard api method' - note does not work on non https urls return navigator.clipboard.writeText(textToCopy); } else { // fallback text area method let textArea = document.createElement("textarea"); textArea.value = textToCopy; // make the textarea out of viewport textArea.style.position = "fixed"; textArea.style.left = "-999999px"; textArea.style.top = "-999999px"; document.body.appendChild(textArea); textArea.focus(); textArea.select(); return new Promise((res, rej) => { // here the magic happens document.execCommand('copy') ? res() : rej(); textArea.remove(); }); } } $social_link_more.on('click', function () { if (!window.matchMedia("(max-width: 768px)").matches) return; document.body.style.position = 'fixed'; document.body.style.width = '100%'; document.body.appendChild($('.more-share').addClass('overlay')[0]); }); var $social_link_more_close = $('.social-link-more-close'); $social_link_more_close.on('click', function () { document.body.style.position = null; document.body.style.width = null; $social_link_more.append($('.more-share').removeClass('overlay')); }); </script> </span> </div> </header> </div> <div class="content content-wrap"> <div class="inside ntext"> <div class="body"> <div class="ast-glance"> 360 degree hinge laptop|360 touch screen laptop : Clark With a 360-degree hinge, it offers four distinct modes that let you take on any kind of work comfortably and in style. When it’s time to knock out assignments, choose the laptop . Yakult Antipolo Sales Depot started its operation on May 2017 covering the province of Rizal, parts of Pasig, Marikina, Quezon City, Mandaluyong and Taguig City. . San Roque, Antipolo City. It is the third depot constructed by Yakult Philippines Incorporated under the Direct Sales Department. It is composed of nine routes and sixty mini . </div> <p><img src="/upluds/images/360 degree hinge laptop.jpg" alt="360 degree hinge laptop"></p> <p>360 degree hinge laptop,With a 360-degree hinge, it offers four distinct modes that let you take on any kind of work comfortably and in style. When it’s time to knock out assignments, choose the laptop .</p><p>360 degree hinge laptopWindows 11 HomeAMD Ryzen 5000 processors13.3-inch FHD display with .</p><p> Operating System Windows 11. The HP Pavilion x360 14 (2021) is a convertible laptop with a 360-degree hinge that's available in a variety of different . Flipping between a traditional laptop layout to just a touchscreen, alongside anything you can think up with a 360-degree hinge, these laptops let you do it all. .</p><p> Most touchscreen laptops have 360-degree hinges that let you also use them like a tablet, hence the name “2-in-1.” This mode .<br><img src="/upluds/images/360 degree hinge laptop.jpg" alt="360 degree hinge laptop"><br> The HP Pavilion x360 11 (2021) is a 2-in-1 Windows laptop with a 360-degree hinge. It has an Intel Pentium Silver N5030 CPU, . How we test. FAQs. The best 2-in-1 laptop can be a real game changer when it comes to productivity. These hybrid devices often feature a 360-degree hinge or a detachable keyboard that.Featuring a precision-engineered multi-gear metal mechanism, the 360° hinge on ZenBook Flip has a silky-smooth, stepless action and holds the display securely at any angle. To . The HP Chromebook x360 14 (2021) is a budget convertible Chrome OS laptop with a 360-degree hinge. An affordable laptop with a 360-degree hinge. By Alun Taylor October 16th 2023 4:34pm. Scroll to section. Verdict. The Pavilion x360 14 2-in-1 is a happy .Pavilion X360 Laptops. 1-6 of 6 Results. view. 15. 18. 30. Sort By Recommended. Get Flat ₹5000.00 Cashback. In Stock. Summer Sale. HP Pavilion 35.6 cm x360 2-in-1 Laptop . For instance, laptops with shock-absorbing mechanisms or hinge caps can provide extra protection against accidental drops or impacts. It is also worth considering laptops with innovative hinge designs, such as those with 360-degree rotation or flexible hinges, as they often have reinforced mechanisms to withstand repeated stress. The best 2-in-1 laptop can be a real game changer when it comes to productivity. These hybrid devices often feature a 360-degree hinge or a detachable keyboard that allows them to be used in .In order to rotate the lid approximately 360 degrees with respect to the base, in some implementations, a standard dual pivot hinge can connect a lid to a base of a computing device. The use of a dual pivot hinge allows for 180 degrees of .</p><p>The Lenovo Yoga 9i 14 (2021) and the HP ENVY x360 13 (2020) are very similar 2-in-1 convertible laptops with a 360-degree hinge. Both laptops have various display options; the Yoga 9i is available with a 1080p or 4k panel, while the ENVY x360 has multiple options, including a 1080p OLED and an IPS panel with 1000 cd/m² brightness.What is the best 360 degree hinge touchscreen laptop? These are the 3 I have been looking at: Asus Flip. Satellite Radius. HP Envy x360. If anybody knows of any better laptops or one that covers the keyboard please let me know, thank you in advance. 2. Here is a topic from last year which contains a small discussion on this subject. DIY kit for 360 screen hinge Framework Laptop 13. As the topic above suggests, a hinge similar to a 2-in-1 or an articulating hinge similar to Canon’s EOS 60D (or equivalent) screen, or a swivel hinge similar to the old Dell XPS 12. 360-Degree Convertible Hinges: 360-degree convertible hinges offer a versatile option for laptop users. These hinges enable the laptop to be used in various modes, including as a traditional laptop, tablet, tent, or stand. With this mechanism, the laptop lid can rotate a full 360 degrees, allowing for seamless transitions between .1- when you are in the office and a visitor sits in front of you, and you can show him/her something, open the screen 180°, use shortcut to flip the image 180° and you don't need to move your laptop. 2- its better have a 180° hinge because you can open more the screen to get comfortable without afraid to break the hinges/screen, algo the .For price, choosing TV hinges will be higher than the corresponding TV, so the price means higher choice of laptop hinges. What is 360 degree hinge laptop? 360 hinge laptops are one of the most popular cases, 360 hinge laptops have become one of the most sought-after cases. 360 degree hinge laptops are ideal for those who don ’ t want to .360 degree hinge laptop 360 touch screen laptop This item: HP Chromebook x360 11-inch -Laptop -with 360-degree -Hinge, Intel Celeron N3350 -Processor, 4 GB -RAM, 32 GB eMMC Storage, Chrome OS (11-ae110nr, Snow White) $339.98 $ 339. 98. Only 5 left in stock - order soon. Ships from and sold by GreatOfficeDeals (One Day Shipping Available). + For example, if you have a laptop with a 360-degree hinge, rotation lock will be grayed out when it’s in normal laptop mode. If you have a device with a removable screen, rotation lock will be grayed out while the screen is connected to keyboard. That’s because, in standard laptop mode, the screen will never automatically rotate.</p><p>For students, a laptop with a 360-degree hinge offers the convenience of a traditional laptop for taking notes and writing papers, while also providing the flexibility of a tablet for reading textbooks or collaborating on group projects. Professionals can benefit from the versatility of these laptops by easily transforming them into a .</p><p> If you are looking for a 2-in-1 laptop then the Samsung Galaxy Book Pro 360 sets a new standard. For a long time, laptops with a 360-degree hinge have been a great option for watching videos but . I find rotating the screen for 360 degrees inconvenient and awkward as I prefer detachable screens. People asked Panos Panay on the release day why doesn't Surface Laptop have a detachable/360° rotatable screen he answered that that is simply because they were asked to make a device in standard laptop form factor as there are .</p><p>360 Touchscreen / S Pen. Explore in new ways on an innovative 2-in-1 display. The screen folds back on a 360-degree hinge for amazing flexibility. Folded up, Galaxy Book3 360 works like a traditional laptop so you can answer .The Yoga 3 14 is a large-screen convertible-hybrid laptop with Lenovo's vaunted 360-degree hinge. It's a good system in a category with fierce competition. MSRP $949.00. $949.00 at Lenovo.</p><p>In the bottom left and bottom right corners, you’ll see the plate that attaches the hinge to the display assembly. Make sure all these screws, on both sides, are tight enough. If they’re too loose, the display will lift out of its frame when you move the assembly, causing the laptop to feel wobbly when opening and closing it.</p><p><br><img src="/upluds/images/360 degree hinge laptop.jpg" alt="360 degree hinge laptop"><br>ZenBook Flip is a timelessly elegant masterpiece, exquisitely crafted from solid aluminum. The chassis is forged from a single block of metal, carefully honed until it’s a mere 13.9mm thin, and weighing just 1.3kg to make it effortlessly portable. The spun-metal finish, with its iconic Zen-inspired pattern of concentric circles, is anodized .</p> </p> <strong>360 degree hinge laptop|360 touch screen laptop</strong> <!--image--> <div class="fbtslist"> PH0 · lenovo yoga 360 laptop specifications<br> PH1 · lenovo laptop broken hinge<br> PH2 · hp laptop 360 degree<br> PH3 · hp 360 foldable laptop<br> PH4 · cheapest 360 laptop<br> PH5 · Iba pa<br> PH6 · 360 touch screen laptop<br> PH7 · 360 hinge touchscreen laptop<br> PH8 · 360 degree laptop screen<br> </div> <div class="media-inline media-inline-xlarge " style=""> <a href="#pop7168260" class="popup" data-width="1280" data-height="854" data-dynamic="1"> <div class="image-wrapper"> <div class="overlay"></div> <img src="/upluds/images/360 touch screen laptop.jpg" alt="360 touch screen laptop." class="img-responsive"> </div> </a> </div> <!--popup--> <div style="display:none"> <div class="media-inline-popup" id="pop7168260"> <div class="media-inline-img-container"><img src="/upluds/images/360 degree hinge laptop|360 touch screen laptop.jpg" alt="360 degree hinge laptop|360 touch screen laptop." class="img-responsive"></div> <div class="info"> <span class="title"> 360 degree hinge laptop|360 touch screen laptop </span> <div class="caption"> 360 degree hinge laptop|360 touch screen laptop. </div> <div class="bottom"> <div class="social"> <span class="subhead">Share:</span> <div class=" social-inner"> <div class="a2a_kit a2a_kit_size_32 social-inner" data-a2a-url="/download/fyrkvoon-17/" data-a2a-title="Photo Shoot"> <a class="a2a_button_facebook social-link" aria-label="Share to Facebook"> <span class="fa fa-facebook"></span> </a> <a class="a2a_button_twitter social-link" aria-label="Share to Twitter"> <span class="fa fa-twitter"></span> </a> </div> <div class="social-link social-link-more social-link-more-7168260" tabindex="0" aria-haspopup="true" onclick="dgov2acs_handleSocialLinkMoreClick(event)"> <span class="fas fa-share"></span> <div class="more-share more-share-dark more-share-7168260" data-a2a-url="/android/jprtilji-98/" data-a2a-title="Photo Shoot"> <div class="social-link-more-close social-link-more-close-7168260">×</div> <div class="title">Share</div> <a class="social-link-link social-link-link-7168260 social-link" data-url="/android/ghvarrfj-57/" href="javascript:void(0)" onclick="dgov2acs_handleCopyLinkClick(event)" rel="noreferrer noopener" tabindex="0"> <div class="social-link-inner"> <span class="fa fa-link"></span> <b class="copy-link-text">Copy Link</b> </div> </a> <div class="a2a_kit a2a_kit_size_32" data-a2a-url="/download/lgltrttr-226/" data-a2a-title="Photo Shoot"> <a class="a2a_button_email social-link"> <div class="social-link-inner"> <span class="fa fa-envelope"></span> Email </div> </a> <a class="a2a_button_facebook social-link"> <div class="social-link-inner"> <span class="fa fa-facebook"></span> Facebook </div> </a> <a class="a2a_button_twitter social-link"> <div class="social-link-inner"> <span class="fa fa-twitter"></span> Twitter </div> </a> <a class="a2a_button_linkedin social-link"> <div class="social-link-inner"> <span class="fa fa-linkedin"></span> LinkedIn </div> </a> <a class="a2a_button_whatsapp social-link"> <div class="social-link-inner last"> <span class="fa fa-whatsapp"></span> WhatsApp </div> </a> </div> </div> </div> </div> <script type="text/javascript" defer="" src="/template/qiye/js/page.js"></script> </div> <div class="action"> <div class="action-item download-link"> <b>Download:</b> <a href="/upluds/news/tcysq.jpg" title="Photo Shoot" target="_blank" rel="noreferrer noopener" class="article-link"> <span>Full Size (<span>80225 MB</span>)</span> </a> </div> <div class="action-item photographer"> <b>Photo By:</b> <span>360 degree hinge laptop|360 touch screen laptop</span> </div> <div class="action-item virin"> <b>VIRIN:</b> <span>44523-50786-27744</span> </div> </div> </div> </div> </div> </div> <style> #cboxClose { position: absolute; top: 5px; right: 5px; display: block; background: url(/template/qiye/image/media_popup_close.png) no-repeat top center; width: 40px; height: 40px; text-indent: -9999px; } #cboxClose:hover { background-position: bottom center; } .me-plugin { width: 100%; height: 100%; } </style> <script type="text/javascript"> var gih = 0; var giw = 0; var pup; var g_isDynamic = false; function popupResize(ibox, w, h, doResize) { if ($(ibox).hasClass('dgov2popup-info')) { // This block is included once, so is shared by all media tokens. // this block is how we execute the special resize for dgov2's slideshow popup dgov2slideshowPopupResize(ibox, w, h, doResize); return; } if (!g_isDynamic) return; var isMobile = window.matchMedia('(max-width: 1200px)').matches; if (isMobile) { $.colorbox.resize({ width: "100%", height: "100%" }); $(ibox).find(".img-responsive").width('100%'); $(ibox).find(".img-responsive").height('auto'); $(ibox).find(".info").css('height', 'auto'); return; } var iw = w; var ih = h; var ww = $(window).width(); var wh = $(window).height(); var hextra = 40; var wextra = 360; var hborder = 120; var wborder = 120; var maxw = ww - wextra - wborder; var maxh = wh - hextra - hborder; var ratio = Math.min(maxw / iw, maxh / ih); iw = Math.floor(iw * ratio); // use floor to avoid overflow scrollbar ih = Math.floor(ih * ratio); // console.log(iw + " " + ih + " --- " + (iw + wextra) + " " + (ih + hextra)) $(ibox).find(".img-responsive").width(iw); $(ibox).find(".img-responsive").height(ih); $(ibox).find(".info").height(ih); if (doResize) $.colorbox.resize({ width: iw + wextra, height: ih + hextra }); } $(window).resize(function () { if (g_isDynamic && pup !== undefined) popupResize(pup, giw, gih, true); }); $(window).load(function () { $(".popup").click(function () { giw = $(this).data('width'); gih = $(this).data('height'); pup = $($(this).attr('href')); g_isDynamic = $(this).data('dynamic') === 1 ? true : false; popupResize(pup, giw, gih, false); var w = "768px"; var isMobile = $(window).width() < 768 ? true : false; w = "auto"; if (isMobile) w = "100%"; const isDgov2Slideshow = $(this).attr("data-isdgov2slideshow") != undefined; const isDGOV2 = true; const slideNumber = parseInt($(this).attr('data-slide-number')); const slideIndex = slideNumber - 1; //console.log("slideNumber for popup", slideNumber) const popupThis = this; $(this).colorbox({ className: 'inline-popup', fixed: true, transition: "none", opacity: .9, inline: true, width: w, height: 'auto', maxWidth:"80%", maxHeight:"100%", close: isDgov2Slideshow || isDGOV2 ? "<i class='fas fa-times' />" : "X", onClosed: function () { }, onComplete: function () { var popupHeight = jQuery(this.href.substring(this.href.lastIndexOf("#"))).outerHeight(true); if (jQuery("#colorbox").height() < popupHeight) { jQuery("#colorbox").height(popupHeight); } if (g_isDynamic) { if (!isMobile) { bodyScrollLock.disableBodyScroll(this); } } // for popup having data-isdgov2slideshow attr (see above) if (isDgov2Slideshow) { const popSelector = '#dgov2popup-target-3453605'; const ssSelector = '#dgov2slideshowId-3453605'; dgov2slideshowPopupInit({ numSlides: 0, startingSlideIndex: slideIndex, popupSelector: popSelector, slideshowSelector: ssSelector, slideshowMediaId: 3453605, }); giw = $(popupThis).data('width'); gih = $(popupThis).data('height'); pup = $($(popupThis).attr('href')); popupResize(pup, giw, gih, true); } $(window).resize(); }, onClosed: function () { pup = undefined; if (g_isDynamic) bodyScrollLock.enableBodyScroll(this); if (isDgov2Slideshow) { const popSelector = '#dgov2popup-target-3453605'; const ssSelector = '#dgov2slideshowId-3453605'; dgov2slideshowPopupDestroy({ popupSelector: popSelector, slideshowSelector: ssSelector, }); } } }); }); $(".popup-slideshow").colorbox({ inline: true, onComplete: function () { SlideshowInit(); $.colorbox.resize(); // stop scrollbar from flashing $("#cboxLoadedContent").css("overflow", ""); $("#cboxLoadedContent").css("overflow-y", "hidden"); }, onClosed: function () { $('.slideshow-gallery').trigger('slideTo', 0); } }); }); </script> </div> </div> </div> </div> </div> <script type="text/javascript"> var displayNextPrevNav = false var loggedIn = false; var articleId = 3453605; var moduleId = 1990; var mejPlayer; $(function () { if (!window.delayInitMediaElementJs) initMediaElementJs(); }); function initMediaElementJs() { mejPlayer = $(".article-view video").not(".noplayer").mediaelementplayer({ pluginPath: "/download/zitjbmag-169//", videoWidth: '100%', videoHeight: '100%', success: function (mediaElement, domObject) { var aDefaultOverlay = jQuery(mediaElement).parents('.media-inline-video, .video-control').find('.defaultVideoOverlay.a-video-button'); var aHoverOverlay = jQuery(mediaElement).parents('.media-inline-video, .video-control').find('.hoverVideoOverlay.a-video-button'); var playing = false; $("#" + mediaElement.id).parents('.media-inline-video, .video-control').find('.mejs__controls').hide(); if (typeof GalleryResize === "function") GalleryResize(); mediaElement.addEventListener('play', function (e) { playing = true; jQuery(".gallery").trigger("pause", false, false); $("#" + e.detail.target.id).parents('.media-inline-video, .video-control').find('.mejs__controls').show(); $("#" + e.detail.target.id).parents('.media-inline-video, .video-control').find('.duration').hide(); if (aDefaultOverlay.length) { aDefaultOverlay.hide(); aHoverOverlay.hide(); } //place play trigger for DVIDS Analytics }, false); mediaElement.addEventListener('pause', function (e) { playing = false; if (aDefaultOverlay.length) { aDefaultOverlay.removeAttr("style"); aHoverOverlay.removeAttr("style"); } }, false); mediaElement.addEventListener('ended', function (e) { playing = false; }, false); if (aDefaultOverlay.length) { aDefaultOverlay.click(function () { if (!playing) { mediaElement.play(); playing = true; } }); aHoverOverlay.click(function () { if (!playing) { mediaElement.play(); playing = true; } }); } }, features: ["playpause", "progress", "current", "duration", "tracks", "volume", "fullscreen"] }); if (displayNextPrevNav) { DisplayNextPreviousNav(moduleId, articleId, loggedIn); } } $(window).load(function () { if (displayNextPrevNav) { var winWidth = $(document).width(); if (winWidth > 1024) { $('#footerExtender').css('height', '0px'); $('.article-navbtn .headline').addClass('contentPubDate'); } else { $('#footerExtender').css('height', $('.article-navbtn .headline').html().length > 0 ? $('.bottomNavContainer').height() + 'px' : '0px'); $('.article-navbtn .headline').removeClass('contentPubDate'); } } }); $(window).resize(function () { if (displayNextPrevNav) { var winWidth = $(document).width(); if (winWidth < 1024) { $('#footerExtender').css('height', $('.article-navbtn .headline').html().length > 0 ? $('.bottomNavContainer').height() + 'px' : '0px'); $('.article-navbtn .headline').removeClass('contentPubDate'); } else { $('#footerExtender').css('height', '0px'); $('.article-navbtn .headline').addClass('contentPubDate'); } } }); </script> </div><!-- End_Module_1990 --></div> </div><!--end of empty container --> </div></div> <div id="content-pane-wrap"> <div class="content-wrap"> <div id="dnn_ContentPane"><div class="DnnModule DnnModule-DNN_HTML DnnModule-2787"><a name="2787"></a> <div class="empty-container base-container"> <div id="dnn_ctr2787_ContentPane"><!-- Start_Module_2787 --><style> .subscribe { margin-top:0 !important; } </style><div id="dnn_ctr2787_ModuleContent" class="DNNModuleContent ModDNNHTMLC"> <div id="dnn_ctr2787_HtmlModule_lblContent" class="Normal"> <style> .subscribe { text-align: center; background: #ebebeb; padding: 2rem 2rem 1.5rem; max-width: 640px; margin: 3rem auto 3rem; } .subscribe h3 { text-align: left; margin-left: 15px; font-size: 1.7rem; margin-bottom: .5rem } .subscribe p { text-align: left; margin: -2px 0 0 0; font-size: 18px; color: #333; } .subscribe .btn.btn-primary { float: right; } /*************RESPONSIVE **********/ @media only screen and (max-width: 768px) { .subscribe { max-width: 620px; } .subscribe h3 { font-size: 2.1rem; } } @media only screen and (max-width: 600px) { .subscribe { text-align: center; padding: 2rem 2rem 1.5rem; } .subscribe h3 { text-align: center; Margin : 0; font-size: 2rem; } .subscribe p { text-align: center; margin: 0; font-size: 20px; line-height: 1.4; } .subscribe .btn.btn-primary { float: none; } } </style> <div class="subscribe"> <article> <h3>360 degree hinge laptop</h3> <div class="dgov-grid"> <div class="dgov-col-sm-7 dgov-col-xs-12"> <p>360 touch screen laptop</p> </div> <div class="dgov-col-sm-5 dgov-col-xs-12"><a class="btn btn-primary" href="/news/bppamron-208/">Subscribe </a></div> </div> </article> </div> </div> </div><!-- End_Module_2787 --></div> </div><!--end of empty container --> </div><div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-670"><a name="670"></a> <div class="empty-container base-container"> <div id="dnn_ctr670_ContentPane"><!-- Start_Module_670 --><style> h2.tab-title { margin-bottom: 5px; } @media screen and (max-width: 768px) { h2.tab-title { margin-left: 15px; margin-right: 15px;} } /* HOT FIX */ #alist-suggest .btn { display: none !important; } .alist .pager { display: none !important; } .alist .pager .btn-primary-ghost, .alist .pager .btn-primary-ghost:visited { display: none !important; } display: none !important; } </style> <h2 class="tab-title"><span>Related Stories</span></h2><div id="dnn_ctr670_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC"> <div id="dnn_ctr670_Dashboard_ph"> <div id="storyListing-670"> <div id="alist-suggest" class="alist stories external-news-list"> <div class="spinner3"> <div class="bounce1"></div> <div class="bounce2"></div> <div class="bounce3"></div> </div> <div class="alist-inner alist-more-here"> <feature-template template-mode="story" :show-all="false" :remove-grid="true"> <div class="dgov-grid"> <div class="dgov-col-sm-12 dgov-col-md-6 col-suggest"> <listing-with-preview :show-image="true" :indashboard="true" open-in-new="" content-type-val="1" content-type-name="News" item-index="1" article-id="3453157" article-title="union jack calculator" :hide-summary="true" article-alt="union jack calculator" article-url="/jili/lmiimobg-46/" article-url-or-link="/jili/lmiimobg-46/" article-url-or-link-absolute="/jili/lmiimobg-46/" article-summary="union jack calculator" image-url="/upluds/news/aewud.jpg" article-image-url="/upluds/news/woeeu.jpg" category="" image-caption="/jili/lmiimobg-46/" term-url="" term-name="" publish-date-jss="20250510" publish-date-ap="20250510"> </listing-with-preview> </div> <div class="dgov-col-sm-12 dgov-col-md-6 col-suggest"> <listing-with-preview :show-image="true" :indashboard="true" open-in-new="" content-type-val="1" content-type-name="News" item-index="1" article-id="3453157" article-title="3ds cults" :hide-summary="true" article-alt="3ds cults" article-url="/ph/lmiimobg-290/" article-url-or-link="/ph/lmiimobg-290/" article-url-or-link-absolute="/ph/lmiimobg-290/" article-summary="3ds cults" image-url="/upluds/news/slqem.jpg" article-image-url="/upluds/news/bsvhd.jpg" category="" image-caption="/ph/lmiimobg-290/" term-url="" term-name="" publish-date-jss="20250510" publish-date-ap="20250510"> </listing-with-preview> </div> <div class="dgov-col-sm-12 dgov-col-md-6 col-suggest"> <listing-with-preview :show-image="true" :indashboard="true" open-in-new="" content-type-val="1" content-type-name="News" item-index="1" article-id="3453157" article-title="magkapatid nag iyotan" :hide-summary="true" article-alt="magkapatid nag iyotan" article-url="/blog/lmiimobg-269/" article-url-or-link="/blog/lmiimobg-269/" article-url-or-link-absolute="/blog/lmiimobg-269/" article-summary="magkapatid nag iyotan" image-url="/upluds/news/gqagi.jpg" article-image-url="/upluds/news/inxpy.jpg" category="" image-caption="/blog/lmiimobg-269/" term-url="" term-name="" publish-date-jss="20250510" publish-date-ap="20250510"> </listing-with-preview> </div> <div class="dgov-col-sm-12 dgov-col-md-6 col-suggest"> <listing-with-preview :show-image="true" :indashboard="true" open-in-new="" content-type-val="1" content-type-name="News" item-index="1" article-id="3453157" article-title="megamind vs the doom syndicate download in hindi filmywap" :hide-summary="true" article-alt="megamind vs the doom syndicate download in hindi filmywap" article-url="/android/lmiimobg-299/" article-url-or-link="/android/lmiimobg-299/" article-url-or-link-absolute="/android/lmiimobg-299/" article-summary="megamind vs the doom syndicate download in hindi filmywap" image-url="/upluds/news/igowx.jpg" article-image-url="/upluds/news/pjwsb.jpg" category="" image-caption="/android/lmiimobg-299/" term-url="" term-name="" publish-date-jss="20250510" publish-date-ap="20250510"> </listing-with-preview> </div> <div class="dgov-col-sm-12 dgov-col-md-6 col-suggest"> <listing-with-preview :show-image="true" :indashboard="true" open-in-new="" content-type-val="1" content-type-name="News" item-index="1" article-id="3453157" article-title="geekstoy" :hide-summary="true" article-alt="geekstoy" article-url="/bet/lmiimobg-249/" article-url-or-link="/bet/lmiimobg-249/" article-url-or-link-absolute="/bet/lmiimobg-249/" article-summary="geekstoy" image-url="/upluds/news/xjfws.jpg" article-image-url="/upluds/news/bpgti.jpg" category="" image-caption="/bet/lmiimobg-249/" term-url="" term-name="" publish-date-jss="20250510" publish-date-ap="20250510"> </listing-with-preview> </div> <div class="dgov-col-sm-12 dgov-col-md-6 col-suggest"> <listing-with-preview :show-image="true" :indashboard="true" open-in-new="" content-type-val="1" content-type-name="News" item-index="1" article-id="3453157" article-title="geekstoy" :hide-summary="true" article-alt="geekstoy" article-url="/download/lmiimobg-249/" article-url-or-link="/download/lmiimobg-249/" article-url-or-link-absolute="/download/lmiimobg-249/" article-summary="geekstoy" image-url="/upluds/news/beeqf.jpg" article-image-url="/upluds/news/krhno.jpg" category="" image-caption="/download/lmiimobg-249/" term-url="" term-name="" publish-date-jss="20250510" publish-date-ap="20250510"> </listing-with-preview> </div> </div> </feature-template> </div> <br> <div class="pager"> <button class="alist-more-button btn btn-primary btn-primary-ghost"> Load More </button> <div class="number-pager"> <div class="hidden-xs"> </div> <div class="visible-xs"> </div> </div> </div> </div> </div> <script> $(document).ready(function () { // see comment in Stories Listing template const DEBUG = false InitLoadMore(670, '&TabId=364&Article=3453605&senate-nominations-hold-stalls-hundreds-of-military-leader-appointments&language=en-US', { transformData: function (data, modid, page) { if (DEBUG) console.log("Stories Listing101: wrapData", data, modid, page); const moreId = "more-added-" + modid + "-" + page; const inject = "<feature-template id='" + moreId + "'" + " template-mode='story' :show-all='true' :remove-grid='true'>" + data + "</feature-template>"; return inject; }, afterInject: function (modid, page) { if (DEBUG) console.log("Stories Listing101: afterInject", modid, page); const moreId = "more-added-" + modid + "-" + page; const el = $("#" + moreId)[0]; const moreVue = new Vue({ el: el, }); }, }); $('.spinner3').fadeOut('fast'); }); /* link img and title hover */ $('.alist .poster a, .alist .info').hover(function () { $(this).closest('.item').addClass('hover'); }, function () { $(this).closest('.item').removeClass('hover'); }); $('.alist .info').click(function (evt) { if (evt.target.className.indexOf("info") !== -1) { var url = $(this).data("url"); window.location.href = url; } }); </script> <style> #alist .content-type-text.live { min-width: 135px; } #alist .content-type-text.live .live-icon { display: inline-block; max-width: 30px; margin-right: 5px; position: relative; top: -2px; } #alist .listing-with-preview { margin: 7px 0 23px; padding: 20px 0 0; border-top: 1px solid #ebebeb; } #alist .listing-with-preview:first-child { border-top: none; padding: 0; margin-top: 0; } #alist .listing-with-preview .image-container { display: none; display: block; } #alist .listing-with-preview:first-child .image-container { display: block; } #alist { margin-bottom: 2rem; } #alist figcaption .category a { display: inline-block; margin-bottom: 0; font-size: 15px; color: #355e93; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid rgba(53, 94, 147, 0); -webkit-transition: border .25s ease; -moz-transition: border .25s ease; -ms-transition: border .25s ease; -o-transition: border .25s ease; transition: border .25s ease; text-decoration: none; } #alist figcaption .category a:hover { border-bottom: 1px solid rgba(53, 94, 147, 1); } #alist figcaption .category .separator { color: #355e93; opacity: .5; margin: 0 8px 0 6px; } #alist figcaption .summary { font-size: 18px; margin: 0; } #alist .video-duration { display: none; } #alist figcaption time { display: inline-block; font-size: 15px; margin: 5px 0; color: #717171; padding: 0; min-width: 100px; } #alist .item figcaption h3.title { font-size: 1.6rem; font-family: 'Crimson Text', serif; font-weight: 500; line-height: 1.1em; margin-bottom: 8px; } #alist .item figcaption h3.title a { display: block; padding-left: 0px; border-left: 0px solid #fff; transition: all 0.15s linear; padding-right: 14px; } #alist .item figcaption h3.title a:hover { color: #355e93; padding-left: 10px; padding-right: 0px; border-left: 4px solid #254267; text-decoration: none; } #alist .item .image-wrap { margin-right: 0; margin-top: 8px; } #alist .item .image-wrap a { display: block; position: relative; padding-top: 66%; overflow: hidden; border: 1px solid #adadad; } #alist .item .image-replacement { background-color: rgba(255,255,255,.05); background-repeat: no-repeat; text-decoration: none; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-size: cover; background-position: 50% 50%; } #alist .item .image-wrap img { position: absolute; left: -9999px; } #alist .item:first-child figcaption { margin-left: 20px; } #alist .item figcaption { margin-left: 20px; } #alist .item figcaption h3.title a.card-edit-span { position: absolute; top: -15px; right: 0; padding: 0; } #alist .service-source { display: inline-block; position: relative; font-size: 17px; text-transform: uppercase; font-weight: bold; background: #355e93; color: #fff; padding: 2px 7px; margin: 0; } #alist .service-source.service-army { background: #376251; } #alist .service-source.service-marinecorps { background: #990F00; } #alist .service-source.service-navy { background: #88743A; } #alist .service-source.service-airforce { background: #144A75; } #alist .service-source.service-spaceforce { background: #D2D5D2; color: #2C588F; } #alist .service-source.service-coastguard { background: #327AB7; } #alist .service-source.service-nationalguard { background: #000000; } @media (max-width: 575px) { #alist .item:first-child figcaption { margin-left: 0; margin-top: 8px; } #alist .listing-with-preview { margin: 7px 0 12px; padding: 15px 0 0; } } </style> <script type="text/x-template" id="vue-feature-template"> <div class="feature-template"> <div :class="'feature-template-container' + (removeGrid ? '' : ' dgov-grid dgov-grid-full')"> <slot></slot> </div> <div class="more-row" v-if="thereAreMoreToView()"> <a class="btn btn-default btn btn-insidedod btn-insidedod-ghost" v-on:click="viewMore" :title="moreText">Load More</a> </div> <div class="bottom-target"></div> </div> </script> <script type="text/javascript"> (function () { const DEBUG = false; if (DEBUG) console.log("this is the feature-template component"); const tempSel = ""; const tempUse = tempSel ? tempSel : "#vue-feature-template"; if (DEBUG) console.log("f-t20: passed in selector for template div", tempSel) if (DEBUG) console.log("f-121: selector template div to use", tempUse); const tempEl = $(tempUse)[0]; if (DEBUG) console.log("f-t15: template element", tempEl); /////// // // Different layouts // // // Feature Blog Layout // const desktopAndLg = { full: ["dgov-col-6:feature", "dgov-col-6:feature", "dgov-col-4", "dgov-col-4", "dgov-col-4"], 4: ["dgov-col-12:feature", "dgov-col-4", "dgov-col-4", "dgov-col-4"], 3: ["dgov-col-4", "dgov-col-4", "dgov-col-4"], 2: ["dgov-col-6:feature", "dgov-col-6:feature"], 1: ["dgov-col-12:feature"], }; const blog_layouts = { desktop: desktopAndLg, lg: desktopAndLg, md: { full: ["dgov-col-12:feature", "dgov-col-6", "dgov-col-6", "dgov-col-6", "dgov-col-6"], 4: ["dgov-col-12:feature", "dgov-col-12:feature", "dgov-col-6", "dgov-col-6"], 3: ["dgov-col-12", "dgov-col-12", "dgov-col-12"], 2: ["dgov-col-12:feature", "dgov-col-12:feature"], 1: ["dgov-col-12:feature"], }, xs: { full: ["dgov-col-12", "dgov-col-12", "dgov-col-12", "dgov-col-12", "dgov-col-12"], 4: ["dgov-col-12", "dgov-col-12", "dgov-col-12", "dgov-col-12"], 3: ["dgov-col-12", "dgov-col-12", "dgov-col-12"], 2: ["dgov-col-12", "dgov-col-12"], 1: ["dgov-col-12"], }, } // // Story Layout // const grid3col = ["dgov-col-4", "dgov-col-4", "dgov-col-4"]; const grid2col = ["dgov-col-6", "dgov-col-6"]; const grid1col = ["dgov-col-12"]; const layout3xn = { full: grid3col, 2: grid2col, 1: ["dgov-col-12"], } const layout2xn = { full: grid2col, 1: ["dgov-col-12"], } const layout1xn = { full: grid1col, } const story_layouts = { desktop: layout3xn, lg: layout2xn, md: layout2xn, xs: layout1xn } Vue.component('feature-template', { name: 'feature-template', data: function () { return { templateSelector: "", numToShow: 5, pageAmount: 6, }; }, props: { "template-mode": String, "more-text": String, "show-all": { type: Boolean, default: false, }, "remove-grid": { type: Boolean, default: false, } }, template: tempEl, // matches ID in template above mounted: function () { window.addEventListener('resize', this.resize) this.resize(); }, methods: { resize: function () { if (DEBUG) console.log("resizing"); this.markChildren(); }, getLayout: function (layoutName) { // get particular layout based on layoutName argument // internally: also uses number of children and media size const numItems = this.$children.length; const mediaSize = this.getMediaType(); let layouts = this.getLayouts(this.templateMode); const layoutsForMediaSize = layouts[mediaSize] ? layouts[mediaSize] : layouts.desktop; const lfms = layoutsForMediaSize; if (lfms) { if (lfms[numItems]) { layout = lfms[numItems]; } else if (lfms.full) { layout = lfms.full; } } else { // using dgov-grid these are classes for up to five children const default_layout = ["dgov-col-6:feature", "dgov-col-6:feature", "dgov-col-4", "dgov-col-4", "dgov-col-4"]; layout = default_layout; } return layout; }, getLayouts: function (layoutName) { let layouts; switch (layoutName) { case "override": layouts = window._dgov_feature_layout_override; break; case "story": layouts = story_layouts; break; case "blog": default: layouts = blog_layouts; break; } return layouts; }, getMediaType: function () { const isXS = window.matchMedia("(max-width: 767px)").matches; const isMD = window.matchMedia("(min-width: 768px) and (max-width: 991px)").matches; const isLG = window.matchMedia("(min-width: 992px) and (max-width: 1199px)").matches; const isGiant = window.matchMedia("(min-width: 1200px)").matches; if (isXS) { return "xs"; } else if (isMD) { return "md"; } else if (isLG) { return "lg"; } else /* if (isGiant) */ { return "desktop" }; }, markChildren: function () { const numItems = this.$children.length; const mediaSize = this.getMediaType(); let layout = this.getLayout(this.templateMode); const layoutLen = layout.length; for (let i = 0; i < this.$children.length; i++) { const item = this.$children[i] if (DEBUG) console.log('layout', layout.length, layout); if (i >= layout.length) { // hide //item.addClass("hidden-item"); const pieces = layout[layout.length - 1].split(":"); const reflexClass = pieces[0]; const cardType = pieces[1]; if (item.setCardType) item.setCardType(cardType); // undefined means default if (item.resetClass) item.resetClass(); if (item.addClass) item.addClass(reflexClass); } else { const pieces = layout[i].split(":"); const reflexClass = pieces[0]; const cardType = pieces[1]; // might be undefined if (DEBUG) console.log("f-t85:", pieces, reflexClass, cardType); if (item.setCardType) item.setCardType(cardType); // undefined means default if (item.resetClass) item.resetClass(); if (item.addClass) item.addClass(reflexClass); } if (!this.showAll && (i >= this.numToShow)) { if (item.addClass) item.addClass("hidden-item"); } } }, thereAreMoreToView: function () { if (!this.showAll && (this.numToShow < this.$children.length)) { return true; } else { return false; } }, viewMore: function () { // view more! this.numToShow += this.pageAmount; if (DEBUG) console.log("viewMore event, numToShow", this.numToShow); this.resize(); setTimeout(function () { const targel = $('.bottom-target')[0]; if (targel.scrollIntoView) { targel.scrollIntoView(false); } }, 100); }, } }); })(); </script> <style> .feature-template .dgov-grid.feature-template-container .hidden-item { display:none; } .feature-grid.alist.stories .feature-template .item a.title, .feature-grid.alist.stories .feature-template .item a.title:link { font-size:1.4rem; } .more-row { display: flex; align-items: center; flex-direction: column; padding: 15px; } /* Note: this relates to lack of encapsulation where Dashboard applies .list class to parent container. Would be better to have an event so that the card code 'knows' the card is in 'list' mode. This rule isn't needed however, but is documentation since this may be an issue if the structure changes to include future features. Special rule is in story-card, may be moved or similar for other types of cards. */ .alist.stories.list .feature-template .feature-template-container { display:block; } .more-row { display: flex; align-items: center; flex-direction: column; padding: 15px; } /*.feature-template-container { display: flex; flex-direction: row; }*/ </style> <script type="text/x-template" id="vue-listing-with-preview-template"> <div class="listing-with-preview item explore-item"> <figure> <div class="dgov-grid dgov-grid-bleed"> <template v-if="pageNumber == 1 || alwaysShowImages"> <div :class="imageContainerClasses"> <div class="image-wrap" v-bind:class="{'video-wrap-container no-pointer-events': isVideo}"> <template v-if="isVideo"> <img src="/upluds/news/svifq.jpg" class="defaultVideoOverlay a-video-button"> <img src="/upluds/news/obdus.jpg" class="hoverVideoOverlay a-video-button"> </template> <div class="image-wrap-wrap"> <div class="image-replacement" :style="'background-image: url('+ imageUrl +')'"></div> <img alt="" :src="imageUrl"> </div> </div> </div> </template> <div :class="contentContainerClasses"> <figcaption :style="pageNumber > 1 && !alwaysShowImages ? 'margin-left: 0 !important' : ''"> <span class="category"> <template v-if="isInDashboard"> <template v-if="contentTypeVal === '987'"> <a class="content-type-text live" href="/ph/nltgmphe-257/"> <img class="live-icon" src="/upluds/news/nmloo.jpg" /> <span>Live</span> </a> </template> <template v-else> <a :class="'content-type-text ' + dashboardCatData[0]" :href="dashboardCatData[1]"><span>{{ dashboardCatData[2] }}</span></a> </template> </template> <template v-else> <template v-if="contentTypeName==='From the Services'"> <span :class="'service-source service-'+categoryName">{{category}}</span> </template> <template v-else> <a class="content-type-text" :href="categoryLineOverride ? termUrl: prettyContentTypeUrl"> <span>{{categoryLineOverride ? categoryLineOverride : prettyContentTypeName}}</span> </a> </template> </template> <template v-if="shouldShowDate"> <span class="item-date-time"> <span class="separator">|</span> <time :data-dateago="publishDateJss" :data-dateap="publishDateAp"> {{publishDateAp}} </time> </span> </template> </span> <h3 class="title"> <span v-html="articleTitle"></span> <card-edit-span :isEditMode="canEdit" :editUrl="editUrl" :imageUrl="editImage"></card-edit-span> </h3> <p v-if="!hideSummary" class="summary hidden-xs hidden-xxs" v-html="articleSummary"></p> </figcaption> </div> <a class="link-overlay" :href="articleUrlOrLink"> <span class="sr-only" v-html="articleTitle"></span> </a> </div> </figure> <div style="clear:both"></div> </div> </script> <!-- here is a card-edit-span element... need to share this, but the vue component token is not a good way because it would be multiply imported every time it's used by a card. It should be linked with "registerscript" --> <script type="text/x-template" id="vue-card-edit-span-template"> <a title="Edit" v-if="isEditMode" class="card-edit-span" :href="editUrl" alt="edit link"> <img title="Edit" :src="imageUrl" alt="edit pencil" /> </a> </script> <script type="text/javascript"> (function () { const DEBUG = false; if (DEBUG) console.log("this is the listing-with-preview (default card) component"); const tempSel = ""; const tempUse = tempSel ? tempSel : "#vue-listing-with-preview-template"; if (DEBUG) console.log("sc85:", tempSel, tempUse); const tempEl = $(tempUse)[0]; if (DEBUG) console.log("sc87:", tempEl); // TODO: move this to shared .js utilizing vue:registerjs token const _contentTypeLib = { '1': { url: "/android/mlvggoai-40/", name: "News", }, '514': { url: "/jili/bhmtelzz-63/", name: "Spotlight", }, '515': { url: "/bet/hxetyjxp-7/", name: "Inside DOD", }, '610': { url: "/news/vhmiozaw-263/", name: "Inside DOD", }, '936': { url: "/download/tucbpris-141/", name: "From The Services", }, '700': { // "Special Report" url: "/blog/pcvfhnkv-239/", name: "Experience", videoName: "Video", }, '800': { url: "/blog/vhmiozaw-239/", name: "Feature", videoName: "Video", }, '801': { url: "/blog/kojvqvfs-213/", name: "Quiz", videoName: "Quiz", }, '808': { url: "/ios/ykcplzwg-140/", name: "VideoCS", prettyName: "Legacy Video", videoName: "Legacy Video", }, '809': { url: "/download/dracldib-214/", name: "VideoCS2", prettyName: "Video", videoName: "Video", }, '616': { url: "/ph/tpqregkj-30/", prettyName: "Video", videoName: "Video", }, '9': { url: "/blog/ucpmdcvm-60/", name: "Release" }, '2': { url: "/ios/yyafnshy-267/", name: "Advisory" }, '13': { url: "/jili/drmnnqdv-68/", name: "Transcript" }, '5': { url: "/download/nqtksult-245/", name: "Publication" }, '400': { url: "/download/ybbtczsf-250/", name: "Contracts" }, '11': { url: '/bet/muhbvgjv-266/', name: 'Speech' }, '884': { url: '/bet/hcwscagj-270/', name: 'Speech' }, // for types > 800 (that are not above) custom: { name: null, // means 'actual' contentTypeName videoName: "Video", }, }; const _dashboardCatData = { '1': ['news', '/blog/ksaroghv-155/', 'News'], '800': ['feature', '/jili/wrmgnnen-50/', 'Feature'], '514': ['spotlight', '/news/ajhjwfjy-278/', 'Spotlight'], '515': ['inside-dod', '/android/xhdnnogj-142/', 'Blog'], '809': ['video', '/android/oapyfqsx-203/', 'Video'], '616': ['video2', '/jili/ztzayjlk-129/', 'Video'], '987': ['live', '/ph/hbslovba-236/', 'Live Event'], '700': ['experience', '/download/dqwuftde-44/', 'Experience'], '801': ['quiz', '/jili/ldpapyhm-155/', 'Quiz'], '610': ['blog', '/news/rpnunguc-82/', 'Inside DoD'], '936': ['from-the-services', '/blog/rxrskack-215/', 'From The Services'], '2': ['advisory', '/bet/gzasrnqy-272/', 'Advisory'], '889': ['advisory', '/ph/jpjhhhgf-297/', 'Advisory'], '5': ['publication', '/jili/qgpnzyvu-287/', 'Publication'], '886': ['publication', '/android/hndksynf-196/', 'Publication'], '9': ['release', '/download/dhiegxpk-55/', 'Release'], '885': ['release', '/android/cydnjdvn-250/', 'Release'], '11': ['speech', '/ios/xeexskwp-271/', 'Speech'], '884': ['speech', '/android/ibqoqwbg-187/', 'Speech'], '13': ['transcript', '/android/dlpvmqmb-163/', 'Transcript'], '883': ['transcript', '/blog/wrmgnnen-248/', 'Transcript'], '400': ['contracts', '/download/ckwxvznv-127/', 'Contracts'] }; Vue.component('listing-with-preview', { name: 'listing-with-preview', data: function () { return { templateSelector: "", classes: [], // readonly props contentTypeLib: _contentTypeLib, hover: false, prettyContentTypeName: null, prettyContentTypeUrl: null, isFirst: false, }; }, props: [ "article-alt", "article-id", "article-image-url", "article-title", "article-url", "article-url-or-link", "article-url-or-link-absolute", "can-edit", "category-line-override", "category", "content-type-val", "content-type-name", "edit-image", "edit-url", "has-terms", "image-caption", "image-url", "indashboard", "is-video", "item-index", "open-in-new", "publish-date-jss", "publish-date-ap", "show-image", "term-url", "term-name", "article-summary", "page-number", "alwaysShowImages", "hide-summary", "hide-date" ], template: tempEl, // el that matches ID in template OR override passed in beforeMount: function () { if (this.$parent.$children.length === 1) { this.isFirst = true; } }, mounted: function () { if (false) console.log("props", this.showImage, JSON.stringify(this.$props, null, 4)); this.prettyContentTypeName = this.constructPrettyContentTypeName(); this.prettyContentTypeUrl = this.contentTypeLib[this.contentTypeVal] ? this.contentTypeLib[this.contentTypeVal].url : this.termUrl; if (DEBUG) console.log("sc155: mounted: content type:", this.prettyContentTypeVal, this.prettyContentTypeName, this.prettyContentTypeUrl) }, computed: { categoryName: function () { // Should be safe for CSS class name return encodeURIComponent(this.category) .toLowerCase() .replace(/\.|%[0-9a-z]{2}/gi, ''); }, isInDashboard: function () { return typeof this.indashboard === "undefined" ? false : !!this.indashboard; }, shouldShowDate: function () { return ![514, 700, 801].includes(parseInt(this.contentTypeVal, 10)); }, dashboardCatData: function () { // Example: '1': ['news', '/download/usjadgal-56/', 'News'], return _dashboardCatData[this.contentTypeVal]; }, imageContainerClasses: function () { return this.isInDashboard ? 'dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-3 dgov-col-lg-4 image-container' : 'dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-6 dgov-col-lg-6 image-container'; }, contentContainerClasses: function () { return this.isInDashboard ? 'dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-9 dgov-col-lg-8' : (this.isFirst && this.pageNumber === 1 && !this.alwaysShowImages) ? 'dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-6 dgov-col-lg-6' : 'dgov-col-12 dgov-col-xs-12 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-12'; }, imageSrc: function () { return this.isInDashboard ? this.imageUrl : this.articleImageUrl; }, pageNumber: function () { let pageNumber = 1; const activePage = $(".apager .active a span")[0]; if (activePage) { pageNumber = +$(activePage).text(); } return pageNumber; }, }, methods: { addClass: function (newClass) { this.classes.push(newClass); }, constructPrettyContentTypeName: function () { // NOTE: this is duplicated in listing-with-preview and you may have a // change that applies there. Should be moved to shared space using vue:registerjs token // TODO: moved to shared location (via vue:registerjs) let prettyName = null; const isVideo = this.isVideo; // first check for specific entry in _contentTypeLib dictionary if (isVideo) { prettyName = this.contentTypeLib[this.contentTypeVal] ? this.contentTypeLib[this.contentTypeVal].videoName : null; if (!prettyName) { // use name if videoName not set prettyName = this.contentTypeLib[this.contentTypeVal] ? this.contentTypeLib[this.contentTypeVal].name : null; } } else { prettyName = this.contentTypeLib[this.contentTypeVal] ? this.contentTypeLib[this.contentTypeVal].name : null; } // if still null, and type > 800 check in "custom" entry of contentTypeLib const contentTypeNumber = parseInt(this.contentTypeVal); if (prettyName == null && contentTypeNumber >= 800) { if (isVideo) { prettyName = this.contentTypeLib.custom ? this.contentTypeLib.custom.videoName : null; } else { prettyName = this.contentTypeLib.custom ? this.contentTypeLib.custom.name : null; } } if (prettyName == null) prettyName = this.contentTypeName; return prettyName; }, hasTermName: function () { if (this.termName && this.termName.length > 0) { return true; } return false; }, hoverOn: function () { //if (DEBUG) console.log("i-c106: hover on"); // css :hover solution is not currently used... maybe tricky // this approach is borrowed from the current non-vue way this is done this.hover = true; }, hoverOff: function () { //if (DEBUG) console.log("ic-110: hover off"); this.hover = false; }, resetClass: function () { this.classes = []; }, setCardType: function (cardType) { // we only do one card type so ignore. This is an event from the layout // for the adaptive-card. if (DEBUG) console.log("s-c178: ignoring card type:", cardType); }, targetVal: function () { // openInNew being passed as string b/c reason // reason: tag comes from server side rendering and might // not be good Vue value, must allow this sort of prop to be a string return this.openInNew == "true" ? "_blank" : "_self"; }, }, }); Vue.component('card-edit-span', { name: 'card-edit-span', template: "#vue-card-edit-span-template", props: ["editUrl", "imageUrl", "isEditMode"], }); })(); function normalizeStoryCard() { const cardEls = $('.card-wrapper') const cards = cardEls.toArray(); const maxh = cards.reduce(function (acc, item) { const height = $(item).height(); if (height > acc) { return height; } else { return acc; } }, 0); console.log("height max", maxh); cardEls.height(maxh); } </script> <style> .no-pointer-events { pointer-events: none; } </style> <!-- This fragment compiles a Vue template located in a div with an id of "storyListing-670". --> <script type="text/javascript"> (function () { const DEBUG = false; if (DEBUG) console.log("m-i2: vue:initialize:storyListing"); document.addEventListener("DOMContentLoaded", function () { if (DEBUG) console.log("initializing vue on storyListing in module 670") const elTarg = "#storyListing-670"; // supports sending in "data" and "methods" by naming convention let modData = {}; let modMethods = {}; const typeofModData = typeof(storyListing670_data); const typeofModMethods = typeof(storyListing670_methods); if (typeofModData != "undefined") { modData = storyListing670_data; } if (typeofModMethods != "undefined") { modMethods = storyListing670_methods; } const el = $(elTarg)[0]; const moduleVue = new Vue({ el: el, mounted: function () { // call the callback if exists. // naming vueToken_mounted_670 if (DEBUG) console.log("cb?", typeof (vueToken_mounted_670)); if (typeof (vueToken_mounted_670) === "function" ) { const mountedCB = vueToken_mounted_670; if (mountedCB) { // currently no arguments, just a time event, e.g. when slick // could be initialized. this.$nextTick(mountedCB); } } }, data: modData, methods: modMethods, }); }); })(); </script> </div> </div><!-- End_Module_670 --></div> </div><!--end of empty container --> </div></div> </div> </div> <div id="dnn_ContentPaneFullBleed2" class="DNNEmptyPane"></div> <div id="content-pane-wrap2"> <div class="content-wrap"> <div id="dnn_ContentPane2" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed3" class="DNNEmptyPane"></div> <div id="content-pane-wrap3"> <div class="content-wrap"> <div id="dnn_ContentPane3" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed4" class="DNNEmptyPane"></div> <div id="content-pane-wrap4"> <div class="content-wrap"> <div id="dnn_ContentPane4" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed5" class="DNNEmptyPane"></div> <div id="content-pane-wrap5"> <div class="content-wrap"> <div id="dnn_ContentPane5" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed6" class="DNNEmptyPane"></div> <div id="content-pane-wrap6"> <div class="content-wrap"> <div id="dnn_ContentPane6" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed7" class="DNNEmptyPane"></div> <div id="content-pane-wrap7"> <div class="content-wrap"> <div id="dnn_ContentPane7" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed8" class="DNNEmptyPane"></div> <div id="content-pane-wrap8"> <div class="content-wrap"> <div id="dnn_ContentPane8" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed9" class="DNNEmptyPane"></div> <div id="content-pane-wrap9"> <div class="content-wrap"> <div id="dnn_ContentPane9" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed10" class="DNNEmptyPane"></div> <div id="content-pane-wrap10"> <div class="content-wrap"> <div id="dnn_ContentPane10" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed11" class="DNNEmptyPane"></div> <div id="content-pane-wrap11"> <div class="content-wrap"> <div id="dnn_ContentPane11" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed12" class="DNNEmptyPane"></div> <div id="content-pane-wrap12"> <div class="content-wrap"> <div id="dnn_ContentPane12" class="DNNEmptyPane"></div> </div> </div> </main> <div id="footer"> <div class="footer-inner content-wrap content-wrap-wide"> <div class="dgov-grid"> <div class="dgov-col-auto"> <div class="dgov-grid"> <div id="dnn_Footer_footerNavCol1" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto"> <h3>www.virtualzeroaudio.com<i class="fas fa-chevron-down"></i></h3> <ul class="footer-nav"> <li class=""> <a href="https://j117e.com/download/usjadgal-56/"> <span class="text text-link-18">Home</span> </a> </li> <li class=""> <a href="https://m.luntan23.com/news/hilgsios-157/"> <span class="text text-link-20">News</span> </a> </li> <li class=""> <a href="https://ph.nhecertification.com/download/nkiqloyp-299/"> <span class="text text-link-22">Spotlights</span> </a> </li> <li class=""> <a href="https://www.j117e.com/news/friuawac-153/"> <span class="text text-link-21">About</span> </a> </li> </ul> </div> <div id="dnn_Footer_footerNavCol2" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto"> <h3>Helpful Links<i class="fas fa-chevron-down"></i></h3> <ul class="footer-nav"> <li class=""> <a href="https://www.cqltdd.com/download/ammfghuh-145/"> <span class="text text-link-23">Live Events</span> </a> </li> <li class=""> <a href="https://www.nccck.com/download/feglypgv-47/"> <span class="text text-link-24">Today in DOD</span> </a> </li> <li class=""> <a href="https://j251e.com/jili/rtlgqrbo-56/"> <span class="text text-link-25">Contracts</span> </a> </li> <li class=""> <a href="https://www.woodrollerski.com/bet/vqprdhhk-237/"> <span class="text text-link-26">For the Media</span> </a> </li> <li class=""> <a href="https://lomophoto.com/android/uzzbqfst-177/"> <span class="text text-link-27">Contact</span> </a> </li> </ul> </div> <div id="dnn_Footer_footerNavCol3" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto"> <h3>Resources<i class="fas fa-chevron-down"></i></h3> <ul class="footer-nav"> <li class=""> <a href="https://www.yg52.com/bet/fqlfvenx-232/"> <span class="text text-link-28">DOD Resources</span> </a> </li> <li class=""> <a href="https://ph.cr431.com/bet/lxtsqbmu-21/"> <span class="text text-link-53">DOD Social Media Policy</span> </a> </li> <li class=""> <a href="https://www.j277e.com/blog/vvfnnoeo-150/"> <span class="text text-link-29">Help Center</span> </a> </li> <li class=""> <a href="https://www.luntan23.com/jili/bmygcvei-164/"> <span class="text text-link-30">DOD / Military Websites</span> </a> </li> <li class=""> <a href="https://m.lxxpcb.com/blog/snsdiztk-191/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-49">Agency Financial Report</span> </a> </li> </ul> </div> <div id="dnn_Footer_footerNavCol4" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto"> <h3>Popular<i class="fas fa-chevron-down"></i></h3> <ul class="footer-nav"> <li class=""> <a href="https://xinxiangliang.com/download/ufojaivr-167/"> <span class="text text-link-33">Value of Service</span> </a> </li> <li class=""> <a href="https://candlespetra.com/ios/dmhnxgin-46/"> <span class="text text-link-36">Taking Care of Our People</span> </a> </li> <li class=""> <a href="https://ph.xinxiangliang.com/download/jiabcpbq-293/"> <span class="text text-link-34">FY 2024 Defense Budget</span> </a> </li> <li class=""> <a href="https://www.gamedayboise.com/ph/qmaygucb-134/"> <span class="text text-link-54">National Defense Strategy</span> </a> </li> </ul> </div> </div> </div> <div class="right-col dgov-col-md-12 dgov-col-lg-4"> <div class="right-col-inner"> <div class="mission"> <img class="footer-logo" alt="360 degree hinge laptop|360 touch screen laptop" src="/template/qiye/picture/DOD-Icon-Header.png"> <p>360 degree hinge laptop|360 touch screen laptop L.A.'s Finest è una serie televisiva statunitense ideata da Brandon Margolis e Brandon Sonnier e basata sul franchise di Bad Boys. Distribuita dal 13 maggio 2019 al 9 settembre 2020, è la prima del servizio via cavo Spectrum. Trama. La serie segue Sydney Burnett, che è stata vista per l .</p> </div> <div class="footer-search-wrap"> <label class="sr-only" for="footer-search-input">Enter Your Search Terms</label> <i class="fa fa-search" id="fa-search-icon-bottom"></i> <input type="search" id="footer-search-input" name="footer-search" maxlength="256" placeholder="Search..."> </div> </div> </div> </div> </div> </div> <footer id="footer-main"> <div class="utility-nav"> <ul class=""> <li class=""> <a href="/sitemap.xml"> <span class="text text-link-47">Site Map</span> </a> </li> </ul> </div> <div class="social-nav-subscribe-container"> <div class="social-nav"> <ul class=""> <li class=""> <a href="https://ph.j251e.com/blog/dzjvoddw-285/" target="_blank" rel="noopener noreferrer" title="Twitter"> <span class="social-icon fa fa-twitter social-link-5"></span> </a> </li> <li class=""> <a href="https://topasiacable.com/ph/wisgzwzz-130/" target="_blank" rel="noopener noreferrer" title="Facebook"> <span class="social-icon fa fa-facebook social-link-6"></span> </a> </li> <li class=""> <a href="https://ph.cqltdd.com/ios/osrszqni-238/" target="_blank" rel="noopener noreferrer" title="Instagram"> <span class="social-icon fa fa-instagram social-link-8"></span> </a> </li> <li class=""> <a href="https://www.cr431.com/news/ehvpjtji-65/" target="_blank" rel="noopener noreferrer" title="LinkedIn"> <span class="social-icon fa fa-linkedin social-link-51"></span> </a> </li> <li class=""> <a href="https://m.j277e.com/ph/zcxhsfzp-132/" target="_blank" rel="noopener noreferrer" title="YouTube"> <span class="social-icon fa fa-** social-link-7"></span> </a> </li> </ul> </div> <a class="subscribe-btn btn btn-sm btn-primary" href="https://m.dralar.com/ph/rqzzfgee-274/" target="_blank">Subscribe</a> </div> </footer> <div id="footer-hosting"><div class="skin-footer-banner"><a target="_blank" rel="noreferrer noopener" href="/"><span>360 degree hinge laptop|360 touch screen laptop - www.virtualzeroaudio.com</span></a></div></div> <script type="text/javascript"> var usasearch_config = { siteHandle: skinvars.aid, autoSubmitOnSelect: false, } window.onload = function () { document.getElementById("footer-search-input").value = ""; } var script = document.createElement("script"); script.type = "text/javascript"; script.src = "//search.usa.gov/javascripts/remote.loader.js"; document.getElementsByTagName("head")[0].appendChild(script); (function ($) { $(function () { $('.footer-nav-col h3').click(function () { if (window.innerWidth > 991) return; $(this).parent('.footer-nav-col').toggleClass('active'); }); }); })(jQuery); const queryInput = $("input[name=search-main],input[name=header-search], input[name=footer-search], i[id=fa-search-icon-bottom]").on("keyup", function (e) { if (e.keyCode == 13) { submitSearch($(this)); } }); $("input[name=search-main] ~ button, .search-icon, input[name=footer-search], input[name=footer-search] ~ button, i[id=fa-search-icon-bottom]").on("click", function (e) { e.stopImmediatePropagation(); submitSearch($(this)); }); $(".search-icon").on("keypress", function (e) { if (e.which == 13) { e.stopImmediatePropagation(); submitSearch($(this)); } }); function submitSearch($this) { const query = $this ? ($this.val() || $this.parent().find('input').val()) : ""; const affiliate = !!skinvars.aid ? skinvars.aid : 'defensegov'; if (query.length > 1) window.location = "//search.usa.gov/search?query=" + query + "&affiliate=" + affiliate + "&utf8=%26%23x2713%3B"; } </script> <input name="ScrollTop" type="hidden" id="ScrollTop"> <input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off" value="`{`__scdoff`:`1`,`sf_siteRoot`:`/`,`sf_tabId`:`587`}"> <script src="/template/qiye/js/bootstrap.min.js" type="text/javascript"></script> </form> </body> <!--ＱＱ：--></html>